<template>
  <div>

    <!-- ***** Preloader Start ***** -->
<!--    <div id="js-preloader" class="js-preloader">-->
<!--      <div class="preloader-inner">-->
<!--        <span class="dot"></span>-->
<!--        <div class="dots">-->
<!--          <span></span>-->
<!--          <span></span>-->
<!--          <span></span>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
    <!-- ***** Preloader End ***** -->
    <!-- ***** Header Area Start ***** -->
    <header class="header-area header-sticky">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <nav class="main-nav">
              <!-- ***** Logo Start ***** -->
              <a class="logo">健身<em> 房</em></a>
              <!-- ***** Logo End ***** -->
              <!-- ***** Menu Start ***** -->
              <a class='menu-trigger'>
                <span>菜单</span>
              </a>
              <!-- ***** Menu End ***** -->
            </nav>
          </div>
        </div>
      </div>
    </header>
    <!-- ***** Header Area End ***** -->

    <!-- ***** Main Banner Area Start ***** -->
    <div class="main-banner" id="top">
      <video autoplay muted loop id="bg-video">
        <source src="../assets/first/images/gym-video.mp4" type="video/mp4" />
      </video>

      <div class="video-overlay header-text">
        <div class="caption">
          <h6>更强健的身体</h6>
          <h2>与我们一起 <em>gym</em></h2>
          <div class="main-button scroll-to-section">
            <a href="#features">立即加入</a>
          </div>
        </div>
      </div>
    </div>
    <!-- ***** Main Banner Area End ***** -->

  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.4",
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style scoped src="../assets/first/css/training_studio.css">
/*.home {*/
/*  blockquote {*/
/*    padding: 10px 20px;*/
/*    margin: 0 0 20px;*/
/*    font-size: 17.5px;*/
/*    border-left: 5px solid #eee;*/
/*  }*/
/*  hr {*/
/*    margin-top: 20px;*/
/*    margin-bottom: 20px;*/
/*    border: 0;*/
/*    border-top: 1px solid #eee;*/
/*  }*/
/*  .col-item {*/
/*    margin-bottom: 20px;*/
/*  }*/

/*  ul {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*  }*/

/*  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*  font-size: 13px;*/
/*  color: #676a6c;*/
/*  overflow-x: hidden;*/

/*  ul {*/
/*    list-style-type: none;*/
/*  }*/

/*  h4 {*/
/*    margin-top: 0px;*/
/*  }*/

/*  h2 {*/
/*    margin-top: 10px;*/
/*    font-size: 26px;*/
/*    font-weight: 100;*/
/*  }*/

/*  p {*/
/*    margin-top: 10px;*/

/*    b {*/
/*      font-weight: 700;*/
/*    }*/
/*  }*/

/*  .update-log {*/
/*    ol {*/
/*      display: block;*/
/*      list-style-type: decimal;*/
/*      margin-block-start: 1em;*/
/*      margin-block-end: 1em;*/
/*      margin-inline-start: 0;*/
/*      margin-inline-end: 0;*/
/*      padding-inline-start: 40px;*/
/*    }*/
/*  }*/
/*}*/
</style>

